<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>太阳系数据表格</title>
    <link rel="stylesheet" href="../css/index.css">
    <script type="text/javascript" src="../js"></script>
</head>

<body>

<!--检查登陆状态-->
<!--<script>isLogin();</script>-->

<div class="choice-box">
    <button class="button" id="logout" onclick="confirmLogout()">退出登录</button>
    <a class="button" id="setting" href="javascript:showSetting();">设&nbsp;&nbsp;&nbsp;&nbsp;置</a>
    <ul id="setting-list" style="display: none;">
        <li id="change-password">
            <a href="change-password.html">○ 修改密码</a>
        </li>
        <li id="close-account">
            <a onclick="confirmClose()">○ 注销账号</a>
        </li>
    </ul>
</div>

<div class="body_box">
    <table>
        <caption>
            太阳系中行星的一些数据。（资料取自<a href="">NASA 行星数据 - 公制</a>，图片取自<a href="">NASA 照片库</a>。）
        </caption>
        <!--表头-->
        <tr>
            <td colspan="2"></td>
            <th class="top horizon">名字</th>
            <th>图片</th>
            <th>质量(10<sup>24</sup>kg)</th>
            <th>直径(km)</th>
            <th>密度(kg/m<sup>3</sup>)</th>
            <th>重力(m/s<sup>2</sup>)</th>
            <th>天长(小时)</th>
            <th>与太阳距离(10<sup>6</sup>km)</th>
            <th>平均温度(℃)</th>
            <th>卫星数量</th>
            <th>备注</th>
        </tr>

        <!--类地行星-->

        <!--水星-->
        <tr>
            <th rowspan="4" colspan="2">类地行星</th>
            <th class="horizon">水星</th>
            <td><img src="../img/mercury.png" title="水星" alt="水星"></td>
            <td>0.330</td>
            <td>4,879</td>
            <td>5427</td>
            <td>3.7</td>
            <td>4222.6</td>
            <td>57.9</td>
            <td>167</td>
            <td>0</td>
            <td>距太阳最近</td>
        </tr>

        <!--金星-->
        <tr>
            <th class="horizon">金星</th>
            <td><img src="../img/venus.png" title="金星" alt="金星"></td>
            <td>4.87</td>
            <td>12,104</td>
            <td>5243</td>
            <td>8.9</td>
            <td>2802.0</td>
            <td>108.2</td>
            <td>464</td>
            <td>0</td>
            <td></td>
        </tr>

        <!--地球🌏-->
        <tr>
            <th class="horizon">地球</th>
            <td><img src="../img/earth.png" title="地球" alt="地球"></td>
            <td>5.97</td>
            <td>12,756</td>
            <td>5514</td>
            <td>9.8</td>
            <td>24.0</td>
            <td>149.6</td>
            <td>15</td>
            <td>1</td>
            <td>我们的!世界!</td>
        </tr>

        <!--火星-->
        <tr>
            <th class="horizon">火星</th>
            <td><img src="../img/mars.png" title="火星" alt="火星"></td>
            <td>0.642</td>
            <td>6,792</td>
            <td>3933</td>
            <td>3.7</td>
            <td>24.7</td>
            <td>227.9</td>
            <td>-65</td>
            <td>2</td>
            <td>红色星球</td>
        </tr>

        <!--类木行星-->
        <!--气巨星-->

        <!--木星-->
        <tr>
            <th rowspan="4">类木行星</th>
            <th rowspan="2">气巨星</th>
            <th class="horizon">木星</th>
            <td><img src="../img/jupiter.png" title="木星" alt="木星"></td>
            <td>1898</td>
            <td>142,984</td>
            <td>1326</td>
            <td>23.1</td>
            <td>9.9</td>
            <td>778.6</td>
            <td>-110</td>
            <td>67</td>
            <td>太阳系最大</td>
        </tr>

        <!--土星-->
        <tr>
            <th class="horizon">土星</th>
            <td><img src="../img/saturn.png" title="土星" alt="土星"></td>
            <td>568</td>
            <td>120,536</td>
            <td>687</td>
            <td>9.0</td>
            <td>10.7</td>
            <td>1433.5</td>
            <td>-140</td>
            <td>62</td>
            <td></td>
        </tr>

        <!--冰巨星-->

        <!--天王星-->
        <tr>
            <th rowspan="2">冰巨星</th>
            <th class="horizon">天王星</th>
            <td><img src="../img/uranus.png" title="天王星" alt="天王星"></td>
            <td>86.8</td>
            <td>51,118</td>
            <td>1271</td>
            <td>8.7</td>
            <td>17.2</td>
            <td>2872.5</td>
            <td>-195</td>
            <td>27</td>
            <td></td>
        </tr>

        <!--海王星-->
        <tr>
            <th class="horizon">海王星</th>
            <td><img src="../img/neptune.png" title="海王星" alt=""></td>
            <td>102</td>
            <td>49,528</td>
            <td>1638</td>
            <td>11.0</td>
            <td>16.1</td>
            <td>4495.1</td>
            <td>-200</td>
            <td>14</td>
            <td></td>
        </tr>

        <!--矮行星-->
        <!--冥王星-->
        <tr>
            <th colspan="2">矮行星</th>
            <th class="bottom horizon">冥王星</th>
            <td><img src="../img/pluto.png" title="冥王星" alt="冥王星"></td>
            <td>0.0146</td>
            <td>2,370</td>
            <td>2095</td>
            <td>0.7</td>
            <td>153.3</td>
            <td>5906.4</td>
            <td>-225</td>
            <td>5</td>
            <td>2006年降格，但<a href="">尚存争议</a>。</td>
        </tr>
    </table>
</div>
</body>

</html>